﻿@charset "utf-8";

body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑";
	font-size:14px;
	cursor: default;
	background-color:#fff;
	/*overflow-x: hidden;*/
	  min-width:1200px;
}


/*table{border-collapse:collapse;border-spacing:0px;}*/
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
p{ margin:0; padding:0}
.clearfix{clear:both}
.overflow{ overflow:hidden}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}
b{ margin:0; padding:0}
textarea{resize:none;overflow:auto}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input{ outline:none; border:none; background-color:transparent}


.text-l{ text-align:left}
.text-c{ text-align:center}
.text-r{ text-align:right}
.float-l{ float:left}
.float-r{ float:right !important}
.width-100{ width:100%}
.width-1920{ width:1920px; margin:0 auto;}
.hang-1{white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.hang-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow:hidden;}
.hang-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow:hidden;}
.text-am{display: block; -webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.text-m{ margin:16px 0}
.text-form{ text-transform:uppercase}
.mar-l3{ margin-left:3px;}
.mar-l4{ margin-left:4px;}
.mar-l5{ margin-left:5px;}
.mar-l10{ margin-left:10px;}

.mar-r3{ margin-right:3px;}
.mar-r4{ margin-right:4px;}
.mar-r5{ margin-right:5px;}
.mar-r10{margin-right:10px;}

.mar-t3{ margin-top:3px;}
.mar-t4{ margin-top:4px;}
.mar-t5{ margin-top:5px;}
.mar-t10{ margin-top:10px;}

.mar-b3{ margin-bottom:3px;}
.mar-b4{ margin-bottom:4px;}
.mar-b5{ margin-bottom:5px;}
.mar-b10{ margin-bottom:10px;}

.pad-l3{ padding-left:3px;}
.pad-l4{ padding-left:4px;}
.pad-l5{ padding-left:5px;}
.pad-l10{ padding-left:10px;}

.pad-r3{ padding-right:3px;}
.pad-r4{ padding-right:4px;}
.pad-r5{ padding-right:5px;}
.pad-r10{ padding-right:10px;}

.pad-t3{ padding-top:3px;}
.pad-t4{ padding-top:4px;}
.pad-t5{ padding-top:5px;}
.pad-t10{padding-top:10px;}

.pad-b3{ padding-bottom:3px;}
.pad-b4{ padding-bottom:4px;}
.pad-b5{ padding-bottom:5px;}
.pad-b10{padding-bottom:10px;}






.head-bj{ width: 100%; height: 106px;  background: url(../images/head-bj.jpg) repeat-x;}
.head-box{ width: 1200px; height: 106px; margin: 0 auto; position: relative; overflow: hidden;}
.lg-box{ width: 447px; height: 67px; padding-top: 19px;float: left;}
.lg-box h1 a img{ width: 447px; height: 67px;}
.jc-box{ width: 330px; height: 55px; background: url(../images/xia.jpg) no-repeat; background-position: left center; margin-top: 28px;float: left;}
.jc-box h4{ padding-left: 9px; height: 18px; line-height: 18px; color: #3958a8;font-size: 16px; margin: 15px 0 2px 0; overflow: hidden;}
.jc-box h5{ padding-left: 9px; height: 18px; line-height: 18px; color: #23385b; font-size: 16px;}
.Hotline{ width: 265px; position: absolute; right: 0; top: 29px;}
.Hotline h3{ width: 100%; height: 18px; line-height: 18px; font-size: 16px; color: #23385b;text-shadow: 2px 2px #fff; overflow: hidden; margin-bottom: 2px;}
.Hotline h2{width: 100%; height: 32px; line-height: 32px; font-size: 30px; color: #3958a8; padding-left: 20px; font-family: "Arial Black"; text-shadow: 2px 2px #fff; overflow: hidden;}


/* 导航 */
.nav-bj{ width:100%; height:45px; background:url(../images/nav-bj.jpg) repeat-x; z-index:999999; position:relative}

.fack{ width:1200px;  height:45px; margin: 0 auto; }
.fack ul{ width:1200px;}
.fack ul li{ width:133px;  height:45px;  float: left;  position:relative; }
.fack li .link{ widows: 133px; height:45px; display:block; text-align:center; }
.fack li .link h4{ width:133px;  height:45px; line-height:45px; text-align:center; font-size:16px; color:#dbe1e5;cursor:pointer;text-shadow: 2px 2px #13171c;}
.fack ul li .mo{background:url(../images/nt1.jpg) no-repeat ; background-position: center bottom;}
.fack ul li .mo h4{ font-weight: bold}
.fack ul li:hover .link h4{ font-weight: bold;background:url(../images/nt1.jpg) no-repeat ;}
.fack ul li .nav_menu-bj{width:133px; background:url(../images/nt2.png) repeat; padding-bottom:8px; display: none  }
.fack ul li .nav_menu{width:123px;padding-top:6px;margin: 0 auto; overflow:hidden }
.fack ul li .nav_menu h5{width:123px; height:38px;border-bottom: 1px solid #54606a;  overflow: hidden;}
.fack ul li .nav_menu h5 a{ width:123px; height:38px;  line-height:38px; display:block;font-size:14px; color:#fff;cursor:pointer ; text-align: center;  overflow:hidden;}
.fack ul li .nav_menu h5:hover a{ font-weight: bold; background-color: #5673b6;}

.fack ul li .widtha{ width: 173px}
.fack ul li .widtha .nav_menu{ width: 163px}
.fack ul li .widtha h5{ width: 163px}
.fack ul li .widtha h5 a{ width: 163px}
.fack ul li .tj{ position: absolute; right: 0px; top: 45px;}



/* footer */

.footer-bj{ width: 100% ; height: 342px ; background: url(../images/foot-bj.jpg) no-repeat; background-position: center center;position: relative; overflow: hidden;}
.footer-box{ width: 1200px; margin: 0 auto; padding-top: 47px; overflow: hidden;}
.copy{width: 100% ; height: 47px ; background-color: #142139 ; position: absolute; left: 0; bottom: 0;}
.cpe{ width: 1200px; height: 47px ; margin: 0 auto; overflow: hidden;}
.cpe h4{ width: 840px; height: 47px ; line-height: 47px; font-size: 14px; color: #a5b4bd;float: left; overflow: hidden;}
.cpe h4 a{ font-size: 14px; color: #a5b4bd; padding-left: 10px;}
.cpe h5{height: 47px ; line-height: 47px; font-size: 14px; color: #a5b4bd;float: right;}
.cpe h5 a{ color: #a5b4bd}


.fot-l{ width: 349px;float: left; height: 245px; background: url(../images/f-x.jpg) no-repeat; background-position: right top; overflow: hidden;}
.fot-c{ width: 491px;float: left; height: 245px; background: url(../images/f-x.jpg) no-repeat; background-position: right top; overflow: hidden;}
.fot-r{ width: 360px; float: right;  height: 245px; overflow: hidden;}
.fot-l .go{ width: 214px; height: 63px; margin: 0 0 9px 14px;}
.fot-l h4{ width: 320px; height: 16px; line-height: 16px; font-size: 14px; color: #a5b4bd; padding-left: 8px; margin-top: 14px; overflow: hidden;}


.lj{width: 360px; height: 236px;  padding-top: 9px; }
.lj ul{width: 310px; padding-left: 50px;}
.lj ul li{ width: 102px; float: left;}
.lj ul li h3{width: 94px; height: 16px; line-height: 16px; font-size: 16px;color: #fcf5f3; margin-bottom: 14px; overflow: hidden;}
.lj ul li a{width: 78px; height: 16px; line-height: 16px; font-size: 14px;color: #bec9d4; display: block; padding-left: 15px; margin-bottom: 14px; overflow: hidden;}
.lj ul li a:hover{ color: #fff}




.htong{width: 440px; padding-left: 44px; height: 22px; line-height: 21px; font-size: 20px; color: #8a98b2; margin: 3px 0 12px 0; overflow: hidden;}
.htong span{ font-size: 16px; color: #6e869e}
.lb-c{ width: 440px; padding-left: 44px;}

.btt5{ width:186px; height: 34px; line-height: 34px; background-color: #323f4b; font-size: 14px; color: #8b9298; font-family: "微软雅黑" ;padding-left: 10px; margin-right: 9px; margin-bottom: 8px;}
.btt5::-webkit-input-placeholder{  color: #8b9298;  }
.btt5::-moz-placeholder{ color: #8b9298; }
.btt5:-moz-placeholder{  color: #8b9298; }
.btt5:-ms-input-placeholder{ color: #8b9298; }


.tare{ width: 385px; height: 66px; padding: 5px 10px;line-height: 20px; background-color: #323f4b;  font-size: 14px; color: #8b9298;font-family: "微软雅黑" ; border: none; position: relative;}
.ter-box{ width: 415px; position: relative;}
.ter-box h3{font-size: 14px;color: #8b9298;position: absolute; left: 9px; top: 5px ; z-index: 0;}
.bai{ width: 405px; height: 34px; position: relative; margin-top: 6px; }
.btt6{float: left;}
.bai h4{ width: 88px; height: 34px; background-color: #323f4b; float: left;}
.butn3{ width: 85px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; color: #fff;  background-color: #0076c1;position: absolute;right:0 ; bottom: 0; cursor: pointer;}
.bm{ width: 412px; height: 34px;line-height: 34px; text-align: right; font-size: 12px; color: #657582}







 /* 2019.9.11 飘窗 */

.fix{ width: 80px; height: 0; position: fixed; right: 16px; top: 30%;z-index: 9999;}
.gd-c{ width: 100%; margin: 0 auto; position: relative;}
.gd-bj{ width: 80px;float: right; position: relative; }
.mma-box{ width: 80px;float: right; }
.mma-box a{width: 80px; height: 80px; display: block; text-align: center; margin-bottom: 2px;}
.mma-box a img{ margin-top: 20px;}
.mma-box .a1{width: 80px; height: 80px; background: url(../images/dw.png) no-repeat; display: block}
.mma-box .a2{width: 80px; height: 80px; background: url(../images/dw.png) no-repeat; display: block; }
.mma-box .a3{width: 80px; height: 80px; background: url(../images/dw.png) no-repeat; display: block;}
.mma-box .a4{width: 80px; height: 80px; background: url(../images/dw.png) no-repeat; display: block}

.mm1-bj{ width: 134px; height: 128px; background: url(../images/ewm-bj.png) no-repeat; position:absolute; top: 148px; left: -138px; text-align: center; display: none}
.mm1-bj img{ width: 128px; height: 128px;float: left;}
.mm1-bj h4{width: 179px; height: 20px;line-height: 20px; font-size: 14px; color: #746e68; padding-top: 5px; overflow: hidden;}

.mm2-bj{width: 145px;  padding: 9px; background: url(../images/pao.png) repeat; position: absolute; top: -20px; left: -174px; overflow: hidden; display: none }
.mm2-bj h3{ width: 145px; height: 46px;;line-height: 46px; font-size: 20px; border-bottom: 2px solid #d1d5db; color: #4b85d0; text-align: center;  overflow: hidden;}

.kuan .mm3-bj{width: 145px;  padding: 9px; background: url(../images/pao.png) repeat; position: absolute; top:0px; left: 0px; overflow: hidden; display: none }
.kuan .mm3-bj h3{ width: 145px; height: 46px;;line-height: 46px; font-size: 20px; border-bottom: 2px solid #d1d5db; color: #4b85d0; text-align: center;  overflow: hidden;}
.kuan .mm3-bj a{ height: auto;}

.kuan{ width: 80px; height: 80px; position: relative; left: 0px; margin-bottom: 2px; }
.mma-box .a2{float: right}

.kuan1{  width: 260px; height: 80px; position: relative; left: -180px; margin-bottom: 2px; }
.kuan1 .mm3-bj{width: 145px;  padding: 9px; background: url(../images/pao.png) repeat; position: absolute; top:0px; left: 0px; overflow: hidden; display: block }
.kuan1 .mm3-bj h3{ width: 145px; height: 46px;;line-height: 46px; font-size: 20px; border-bottom: 2px solid #d1d5db; color: #4b85d0; text-align: center;  overflow: hidden;}
.kuan1 .mm3-bj a{ height: auto;}


.mma-box .a1:hover{ background: url(../images/dw1.png) no-repeat; }
.mma-box .a2:hover{ background: url(../images/dw1.png) no-repeat;}
.mma-box .a3:hover{ background: url(../images/dw1.png) no-repeat;}
.mma-box .a4:hover{ background: url(../images/dw1.png) no-repeat;}

.mm2-bj{width: 165px;  padding: 0px; height: 60px; background: url(../images/pao.png) repeat; position: absolute; top: 10px; left: -174px; overflow: hidden; display: none ; border-radius: 5px;}
.mm2-bj h3{ width: 165px; height:60px;;line-height: 60px; font-size: 20px; border-bottom: 0px solid #d1d5db; color: #4b85d0; text-align: center;  overflow: hidden;}

.mm3-bj{width: 165px !important; padding: 0px !important; height: 60px; background: url(../images/pao.png) repeat; position: absolute; top:10px !important; left: 10px !important; overflow: hidden; display: none ;  border-radius: 5px;}
.mm3-bj h3{ width: 165px !important; height: 60px !important;;line-height: 60px !important; font-size: 20px; border-bottom: 0px solid #d1d5db; color: #4b85d0; text-align: center;  overflow: hidden;}
.mm3-bj a{ height: auto;}










